<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src资源路径：
1.相对路径：
    a.资源和页面在同一目录：直接些图片名
    b.资源在页面的上次目录：../图片名
    c.资源路径在页面的下级目录：文件夹名/图片名
2.绝对路径:
    一般用于访问站外资源,成为图片盗链,存在找不到图片的风险
-->
<!-- 鼠标在图片上停止时显示的文本-->
<img src="1·.jpg" title="标题" width="700">
<!-- width/height 设置宽高，只设置宽度高度会自动等比例缩放
两种赋值方式：1.像素 2.百分比
-->
<img src="1·.jpg" title="标题" width="100%">

<!-- alt:d当图片不显示时显示的文本-->
<img src="../22.jpg" alt="这是个帅哥">
<img src="abc/3.jpg" alt="">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///00c7d36bf7a24045950fbfcf9a7dc436.jpg" alt="">
</body>
</html>